1 files changed, 113 insertions, 0 deletions
diff --git a/app/[lng]/evcp/(evcp)/general-contracts/page.tsx b/app/[lng]/evcp/(evcp)/general-contracts/page.tsx
new file mode 100644
index 00000000..47677bb3
--- /dev/null
+++ b/app/[lng]/evcp/(evcp)/general-contracts/page.tsx
@@ -0,0 +1,113 @@
+import { Suspense } from "react"
+import { Shell } from "@/components/shell"
+import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
+import {
+  getGeneralContracts,
+  getGeneralContractStatusCounts,
+  getGeneralContractCategoryCounts,
+  getVendors
+} from "@/lib/general-contracts/service"
+import { GeneralContractsTable } from "@/lib/general-contracts/main/general-contracts-table"
+import { getValidFilters } from "@/lib/data-table"
+import { type SearchParams } from "@/types/table"
+import { InformationButton } from "@/components/information/information-button"
+
+export const metadata = {
+  title: "일반계약 관리",
+  description: "일반계약을 생성하고 관리할 수 있습니다.",
+}
+
+interface IndexPageProps {
+  searchParams: Promise<SearchParams>
+}
+
+// searchParams 파싱을 위한 기본 파서 함수
+function parseSearchParams(searchParams: SearchParams) {
+  const page = Number(searchParams.page) || 1
+  const perPage = Number(searchParams.per_page) || 10
+  const sort = searchParams.sort 
+    ? Array.isArray(searchParams.sort) 
+      ? searchParams.sort.map((s: string) => {
+          const [id, desc] = s.split('.')
+          return { id, desc: desc === 'desc' }
+        })
+      : [{ id: searchParams.sort.split('.')[0], desc: searchParams.sort.split('.')[1] === 'desc' }]
+    : [{ id: "registeredAt", desc: true }]
+  
+  return {
+    page,
+    perPage,
+    sort,
+    filters: [],
+    contractNumber: searchParams.contractNumber as string,
+    name: searchParams.name as string,
+    status: searchParams.status as string,
+    category: searchParams.category as string,
+    type: searchParams.type as string,
+    vendorId: searchParams.vendorId ? Number(searchParams.vendorId) : undefined,
+    createdAtFrom: searchParams.createdAtFrom as string,
+    createdAtTo: searchParams.createdAtTo as string,
+    signedAtFrom: searchParams.signedAtFrom as string,
+    signedAtTo: searchParams.signedAtTo as string,
+    search: searchParams.search as string,
+  }
+}
+
+export default async function GeneralContractsPage(props: IndexPageProps) {
+  // ✅ searchParams 파싱
+  const searchParams = await props.searchParams
+  const search = parseSearchParams(searchParams)
+  
+  const validFilters = getValidFilters(search.filters)
+
+  // ✅ 모든 데이터를 병렬로 로드
+  const promises = Promise.all([
+    getGeneralContracts({
+      ...search,
+      filters: validFilters,
+    }),
+    getGeneralContractStatusCounts(),
+    getGeneralContractCategoryCounts(),
+    getVendors(),
+  ])
+
+  return (
+    <Shell className="gap-4">
+      {/* ═══════════════════════════════════════════════════════════════ */}
+      {/* 페이지 헤더 */}
+      {/* ═══════════════════════════════════════════════════════════════ */}
+      <div className="flex items-center justify-between space-y-2">
+        <div className="flex items-center justify-between space-y-2">
+          <div>
+            <div className="flex items-center gap-2">
+              <h2 className="text-2xl font-bold tracking-tight">
+                일반계약 관리
+              </h2>
+              <InformationButton pagePath="evcp/general-contracts" />
+            </div>
+            <p className="text-muted-foreground">
+              일반계약을 생성하고 관리할 수 있습니다. 계약 상세정보, 품목정보, 납품확인서 등을 관리할 수 있습니다.
+            </p>
+          </div>
+        </div>
+      </div>
+
+      {/* ═══════════════════════════════════════════════════════════════ */}
+      {/* 메인 테이블 */}
+      {/* ═══════════════════════════════════════════════════════════════ */}
+      <Suspense
+        fallback={
+          <DataTableSkeleton
+            columnCount={15}
+            searchableColumnCount={3}
+            filterableColumnCount={4}
+            cellWidths={["10rem", "8rem", "12rem", "15rem", "10rem", "8rem"]}
+            shrinkZero
+          />
+        }
+      >
+        <GeneralContractsTable promises={promises} />
+      </Suspense>
+    </Shell>
+  )
+}